﻿{extend name="template/pc/kalawan/_base.html" /}

{block name="css"}
<link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/picScroll.css">

<link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/swiper/swiper.min.css">
<link rel="stylesheet" href="__TPMPLATE__pc/kalawan/css/swiper/certify.css">
{/block}

{block name="main"}

<div class="cont-pc">

    <div class="h-pro">

        <div class="container">

            <div class="wow fadeInDown animated h-title">
                分享信息,世界同行
            </div>

            <div class="h-box h-pro-box">
                <ul>
                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="pro-img">
                                <img alt="" src="__TPMPLATE__pc/kalawan/images/pro01.png">
                            </div>

                            <div class="pro-txt">生活Vlog</div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="h-pro-more">
                <a title="{$data.key ?? $system.keywords.value}" href="">
                    查看更多 <i class="fa fa-long-arrow-right"></i>
                </a>
            </div>

        </div>

    </div>

    <div class="h-join">

        <div class="container">

            <div class="wow fadeInDown animated h-title">
                即刻加入 编辑你的精彩时光
            </div>

            <div class="h-box h-join-box">

                <div class="h-join-cont h-join-main">

                    <div class="h-join-item">

                        <div class="h-join-logo">
                            <p><img class="logo-img" alt="{$system.title.value}" src="__PUBLIC__/uploads/image/{$system.LOGO.value}"/></p>
                            <p>—— 轻松玩转海量特效 ——</p>
                        </div>

                    </div>

                    <div class="h-join-item">

                        <div class="h-join-down-cont h-join-down">
                            <a title="" href="">
                                <div class="h-join-down-txt">
                                    <p>免费下载</p>
                                    <p>产品说明书点击跳转</p>
                                </div>

                                <div class="h-join-down-icon">
                                    <i class="fa fa-download"></i>
                                </div>
                            </a>
                        </div>

                        <div class="h-join-down-cont h-join-join">
                            <a title="" href="">
                                加入我们<i class="fa fa-long-arrow-right"></i>
                            </a>
                        </div>

                    </div>

                </div>

                <div class="h-join-cont h-join-code">
                    <p><img alt="{$data.key ?? $system.keywords.value}" src="__PUBLIC__/uploads/image/{$system.code.value}"></p>
                    <p>关注卡莱湾</p>
                </div>

            </div>

        </div>

    </div>

    <div class="h-news">

        <div class="container">

            <div class="wow fadeInDown animated h-title">
                公司动态
            </div>

            <div class="h-box h-news-box">
                <ul>
                    <li>
                        <a title="" href="">
                            <div class="h-news-item">
                                <div class="h-news-img">
                                    <img alt="" src="__TPMPLATE__pc/kalawan/images/news-img.jpg">
                                </div>

                                <div class="h-news-txt">
                                    <p class="title">如何添加视频滤镜和覆叠效果</p>
                                    <p class="miaoshu">滤镜和覆叠效果能给你的视频带来更多的创意和想象空间。喵影工厂里有丰富的滤镜和覆叠效果，你可以轻松地应用到自己的视频上。</p>
                                    <p class="more">
                                        <span>发布人: admin</span>
                                        <span class="time">2019-11-8</span>
                                    </p>
                                </div>
                            </div>

                            <div class="h-news-line"></div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="h-news-item">
                                <div class="h-news-img">
                                    <img alt="" src="__TPMPLATE__pc/kalawan/images/news-img.jpg">
                                </div>

                                <div class="h-news-txt">
                                    <p class="title">如何添加视频滤镜和覆叠效果</p>
                                    <p class="miaoshu">滤镜和覆叠效果能给你的视频带来更多的创意和想象空间。喵影工厂里有丰富的滤镜和覆叠效果，你可以轻松地应用到自己的视频上。</p>
                                    <p class="more">
                                        <span>发布人: admin</span>
                                        <span class="time">2019-11-8</span>
                                    </p>
                                </div>
                            </div>

                            <div class="h-news-line"></div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="h-news-item">
                                <div class="h-news-img">
                                    <img alt="" src="__TPMPLATE__pc/kalawan/images/news-img.jpg">
                                </div>

                                <div class="h-news-txt">
                                    <p class="title">如何添加视频滤镜和覆叠效果</p>
                                    <p class="miaoshu">滤镜和覆叠效果能给你的视频带来更多的创意和想象空间。喵影工厂里有丰富的滤镜和覆叠效果，你可以轻松地应用到自己的视频上。</p>
                                    <p class="more">
                                        <span>发布人: admin</span>
                                        <span class="time">2019-11-8</span>
                                    </p>
                                </div>
                            </div>

                            <div class="h-news-line"></div>
                        </a>
                    </li>

                    <li>
                        <a title="" href="">
                            <div class="h-news-item">
                                <div class="h-news-img">
                                    <img alt="" src="__TPMPLATE__pc/kalawan/images/news-img.jpg">
                                </div>

                                <div class="h-news-txt">
                                    <p class="title">如何添加视频滤镜和覆叠效果</p>
                                    <p class="miaoshu">滤镜和覆叠效果能给你的视频带来更多的创意和想象空间。喵影工厂里有丰富的滤镜和覆叠效果，你可以轻松地应用到自己的视频上。</p>
                                    <p class="more">
                                        <span>发布人: admin</span>
                                        <span class="time">2019-11-8</span>
                                    </p>
                                </div>
                            </div>

                            <div class="h-news-line"></div>
                        </a>
                    </li>
                </ul>
            </div>

            <div class="h-news-more">
                <a title="{$data.key ?? $system.keywords.value}" href="">
                    查看更多 <i class="fa fa-long-arrow-right"></i>
                </a>
            </div>

        </div>

    </div>

</div>

<div class="cont-mobile">

    手机版

</div>

{/block}